<template>
    <div>
        <header id="header">
            <div class="inner">
                <nav id="nav">
                    <div class="inner">
                        <div class="toggle">
                            <div class="lines" aria-label="Toggle navigation bar"><span class="line"></span> <span
                                class="line"></span> <span class="line"></span></div>
                        </div>
                        <ul class="menu">
                            <li class="item title"><a href="/" rel="start">Yume Shoka</a></li>
                        </ul>
                        <ul class="right">
                            <li class="item theme"><i class="ic i-sun"></i></li>
                            <li class="item search"><i class="ic i-search"></i></li>
                        </ul>
                    </div>
                </nav>
                <div id="brand">
                    <div class="pjax"><a href="/" class="logo" rel="start"><p class="artboard">Yume Shoka</p>
                        <h1 itemprop="name headline" class="title">Hexo</h1></a>
                        <p class="meta" itemprop="description">= subtitle =</p></div>
                </div>
            </div>
            <div id="imgs" class="pjax">
                <ul>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1gipeyhsblkj20zk0m81kx.jpg"></li>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1gicli9lfebj20zk0m84qp.jpg"></li>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1giclhpw3lwj20zk0m8gvw.jpg"></li>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1gipeu1usa7j20zk0m8b29.jpg"></li>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1giciryrr3rj20zk0m8nhk.jpg"></li>
                    <li class="item"
                        data-background-image="https://tva4.sinaimg.cn/large/6833939bly1gicm0fdw5cj20zk0m8hdt.jpg"></li>
                </ul>
            </div>
        </header>
    </div>
</template>

<script>
export default {
    name: "Header"
}
</script>

<style scoped>

</style>
